<template>
  <div>
    <MyDialog>
      <template v-slot:header>
        <div>我是大标题</div>
      </template>
      

      <template v-slot:default>
        <div>我是中间部分的内容</div>
      </template>

      <!--  v-slot:插槽名 => #插槽名 -->
      <template #footer>
        <button>取消</button>
        <button>确认</button>
      </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>